@fontSize: 20;
.px2rem(@name,@size) {
	@{name}: @size/@fontSize*375/1080*1rem
}
*{
  list-style: none;
  margin: 0;
  padding: 0;
}

#hypermarker {
  .px2rem(width,1080);
  
  header{
    .px2rem(width,1080);
    .px2rem(height,360);
    background-color: #da291c;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    
    .searchModular {
      box-sizing: border-box;
      display: flex;
      .px2rem(padding-top,128);
      .px2rem(padding-left,35);
      .px2rem(padding-right,35);
      
      li {
        flex: 1;
      }
      
      .msg{
        .px2rem(font-size,50);
        font-weight: 700;
        color: white;
        text-align: left;
        .px2rem(line-height,85);
      }
      
      .search {
        flex: 13;
        .px2rem(width,830);
        .px2rem(height,85);
        .px2rem(padding-left,15);
        .px2rem(padding-right,15);
        background-color: #e66c63;
        border-radius: 4px;
        color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        
        a {
          color: white;
          text-decoration: none;
        }
        
        .fs {
          .px2rem(font-size,39);
        }
        
        input {
          display: block;
          height: 100%;
          border: none;
          background-color: transparent;
          .px2rem(width,710); 
          outline: none;
          color: white;
          letter-spacing: 1px;
          .px2rem(font-size,30);
          font-weight: 0;
          vertical-align: middle;
        }
      }
      
      .shopCar {
        float: right;
        .px2rem(font-size,50);
        color: white;
        text-align: right;
        .px2rem(line-height,85);
      }
    }
  
    nav {
      ul {
        .px2rem(padding-left,30);
        .px2rem(padding-right,30);
        .px2rem(margin-top,27);
        overflow: hidden;
        
        li {
          float: left;
          .px2rem(height,80);
          .px2rem(line-height,80);
           .px2rem(margin-right,80);
            font-weight: 100;
          
          a {
            text-decoration:  none;
            color: white;
            .px2rem(font-size,35);
          }
        }
        
        .chioce {
           font-weight: bold;
        } 
      }
    }
  }
}